<i-form :model="this.data" class='app-form' ref='form'  id='eamassetpartsgroup_main' style="">
    <input style="display:none;" />
    <row >
    <tabs :animated="false" size="small" name='main' :value="detailsModel.form.activiedPage" 
        @on-click="detailsModel.form.clickPage($event)">
            <tab-pane v-show="detailsModel.formpage1.visible" name='formpage1' :index="0" tab='main' class=''  
                :label="(h) =>{
                    return h('span',{
                        class:'caption'
                    },[
                    $t('entities.eamassetpartsgroup.main_form.details.formpage1')
                    ])
                }">
                    
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.eamassetpartsgroup.main_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.eamsparepartsgroupname.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='eamsparepartsgroupname' :itemRules="this.rules.eamsparepartsgroupname" class='' :caption="$t('entities.eamassetpartsgroup.main_form.details.eamsparepartsgroupname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.eamsparepartsgroupname.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.eamsparepartsgroupname.disabled"
  name='eamsparepartsgroupname'
  deMajorField='eamsparepartsgroupname'
  deKeyField='eamsparepartsgroup'
  :service="service"
  :acParams="{ serviceName: 'EAMSparePartsGroupService', interfaceName: 'FetchDefault'}"
  valueitem='eamsparepartsgroupid' 
  :value="data.eamsparepartsgroupname"
  :pickupView="{ viewname: 'eamspare-parts-group-pickup-view', title: $t('entities.eamsparepartsgroup.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'eamsparepartsgroups', parameterName: 'eamsparepartsgroup' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.eamassettypename.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='eamassettypename' :itemRules="this.rules.eamassettypename" class='' :caption="$t('entities.eamassetpartsgroup.main_form.details.eamassettypename')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.eamassettypename.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.eamassettypename.disabled"
  name='eamassettypename'
  deMajorField='eamassettypename'
  deKeyField='eamassettype'
  :service="service"
  :acParams="{ serviceName: 'EAMAssetTypeService', interfaceName: 'FetchDefault'}"
  valueitem='eamassettypeid' 
  :value="data.eamassettypename"
  :pickupView="{ viewname: 'eamasset-type-pickup-view', title: $t('entities.eamassettype.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'eamassettypes', parameterName: 'eamassettype' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


            </tab-pane> 
            <tab-pane v-show="detailsModel.formpage2.visible" name='formpage2' :index="1" tab='main' class=''  
                :label="(h) =>{
                    return h('span',{
                        class:'caption'
                    },[
                    $t('entities.eamassetpartsgroup.main_form.details.formpage2')
                    ])
                }">
                    
<i-col class="form-layout-container" v-show="detailsModel.group2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group2" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.eamassetpartsgroup.main_form.details.group2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group2" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
            
    </row>
</app-form-group>

</i-col>


            </tab-pane> 
    </tabs>
    </row>
</i-form>